.mmv-card {
  padding: 40upx 20upx;
  margin-bottom: 30upx;
  border-radius: 15upx;
  box-shadow: 2upx $grayef;
  background-color: $white;
}

.mmv-title {
  margin-bottom: 29upx;
  font-size: 28upx;
  font-weight: bold;
  color: #333;
}

.select-wrap {
  margin-top: 20upx;
  font-size: 24upx;
  color: #333;
  display: flex;
  justify-content: space-around;
  .select {
    width: 25%;
    margin: 0 5upx;
    display: flex;
    justify-content: center;
    text {
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
    }
  }
}

.wrap {
  background-color: #fff;
  border-radius: 18upx;
  padding: 20upx;
  margin: 20upx;
  font-size: 32upx;
}
.header {
  display: flex;
  justify-content: space-between;
  font-weight: bold;
  font-size: 26upx;
  height: 50upx;
  border-bottom: 1px solid #eee;
  margin-bottom: 20upx;
}
.title {
  font-size: 30upx;
  font-weight: bold;
  color: #333;
  margin-bottom: 20upx;
}
.list {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 24upx;
  color: #333;
  margin-bottom: 20upx;
}
.label {
  font-weight: bold;
}
.table {
  padding: 0 10upx;
}
.table-h,
.table-b {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10upx;
  > view {
    flex: 1;
  }
  > view:nth-child(2) {
    text-align: center;
  }
  > view:nth-child(3) {
    text-align: right;
  }
}
.table-h {
  font-size: 28upx;
  font-weight: bold;
}
.table-b {
  font-size: 26upx;
}
.button-b {
  padding: 20upx;
  margin: 20upx;
  border-radius: 30px;
  background-color: #12b9a3;
  text-align: center;
  color: #fff;
}
.footer {
  display: flex;
  justify-content: flex-end;
  text-align: center;
  padding-bottom: 40upx;
  position: relative;
  > view + view {
    margin-left: 20upx;
  }
  .tip {
    position: absolute;
    right: 0;
    bottom: 0;
  }
}
.detail {
  background-color: #12b9a3;
  padding: 10upx 60upx;
  color: #fff;
  font-size: 28upx;
  border-radius: 50upx;
}
.tip {
  font-size: 24upx;
  color: #ec4863;
  line-height: 1;
  height: 24upx;
  overflow: hidden;
}

.btn-btm-group-wrap,
.btn-btm-group {
  height: 96upx;
  line-height: 96upx;
  display: flex;
  justify-content: space-around;
  text-align: center;
  align-items: center;
}
.btn-btm-group {
  background: #fff;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 10;
  .btn-btm {
    flex: 1;
    font-weight: bold;
  }
  .active {
    background: #12baa4;
    color: #fff;
  }
}

.step-wrap {
  margin: 20upx;
  display: flex;
  justify-content: space-between;
  position: relative;
  .step-item {
    background: #cfcfcf;
    color: #fff;
    font-size: 28upx;
    font-weight: bold;
    padding: 21upx 44upx;
    border-radius: 35px;
    position: relative;
    z-index: 1;
  }
  .step-item + .step-item {
    margin-left: 176upx;
  }
  .active {
    background: #12b9a3;
  }
  .line {
    position: absolute;
    border: 1px solid #12b9a3;
    width: 99%;
    top: 50%;
    transform: translateY(-50%);
  }
}
